<template>
  <a-modal
    :visible="visible"
    :footer="false"
    title="店铺余额-不可用余额"
    :maskClosable="false"
    :destroyOnClose="true"
    :keyboard="false"
    width="80%"
    @cancel="closeModal()" 
  >
    <search-table :hideSelect="true" :url="url" ref="searchtable" :form="form" :columns="columns">

      <template slot="searchForm">
        <a-form layout="inline" :form="form">
          <a-form-item label="流水号">
            <a-input
              v-decorator="[
                'fareName',
              ]"
            />
          </a-form-item>
          <a-form-item label="业务类型">
            <a-select
              style="width:150px"
              :options="typeOptions"
              allow-clear
              v-decorator="[
                'type',
              ]"
            />
          </a-form-item>
          <a-form-item label="业务单号">
            <a-input
              v-decorator="[
                'ss',
              ]"
            />
          </a-form-item>
        </a-form>
      </template>
      <!-- <template slot="tableOperation" slot-scope="{record}">
        <permission authority="">
          <span class="text-primary pointer" @click="openInfo(record)">详情</span>
        </permission>
      </template> -->
    </search-table>
  </a-modal>
</template>
<script>
export default {
  name: 'unavailable-balance',
  props: {
    visible: {
      type: Boolean,
      default: false
    },
  },
  data() {
    return {
      url: '',
      infoVisible: false,
      currentRecord: {},
      typeOptions: [
        {label: '提款冻结', value: '1'},
        {label: '退款冻结', value: '2'},
      ],
      form: this.$form.createForm(this, { name: 'tables_search' }),
      columns:  [
        {title: '操作时间',dataIndex: 'createDate'},
        {title: '流水号',dataIndex: 'id'},
        {title: '业务类型',dataIndex: 'id2'},
        {title: '金额',dataIndex: 'id3'},
        {title: '说明',dataIndex: 'id4'},
        {title: '说明业务单号',dataIndex: 'id5'},
      ]
    }
  },
  methods: {
    closeModal () {
      this.$emit('cancel')
    }
  }
}
</script>